@charset "utf-8";
/**@description: 全局  */

body{ font-size:14px;color:#222322;font-family:Arial,"微软雅黑";}
html, body {min-width:1160px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
input{ padding:0; margin:0; font-family:"微软雅黑"; outline:none}
img{ vertical-align: middle;}
.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px; width:0; margin:0; padding:0; border:none; overflow:hidden; }
a{text-decoration:none; cursor:pointer; color:#222322}
a:hover{ color:#2f77bd}
h1{ font-size:18px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
h5{ font-size:12px}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;}
.clearfix{ zoom:1}

.beijing_wrap{width:100%;background-color: #f5f5f5;}
.beijing{ padding:10px 0; clear:both; overflow: hidden;width:1160px; margin:0 auto}

/**************头部**************/
#head{ clear: both; overflow: hidden; background: #2f2f2f;}
#head .beijing{ padding:5px 0; text-align: right; }
.sousuo{ font-size:12px; line-height:42px; width:80%;height:42px;padding-top:5px;margin-bottom:20px;}
.sousuo .ss_input{ float:right; width:65%; height:40px;border: 1px solid #2f77bd; border-right:0;background:url(../images/ss_bg.jpg) no-repeat 14px #fff; line-height:40px; padding:0 3px 0 40px; color:#666;}
.sousuo .ss_an{ float:right; height:42px;  line-height:40px;width:80px;     background: #2f77bd;border:none; color:#fff;cursor:pointer;font-size:16px;}

.ny_sousuo{ font-size:12px; line-height:42px; width:380px;height:42px;position:absolute;bottom:20px;right:20%;}
.ny_sousuo .ss_input{ float:right; width:65%; height:40px;border: 1px solid #fff; border-right:0;background:url(../images/ss_bg.jpg) no-repeat 14px #fff; line-height:40px; padding:0 3px 0 40px; color:#666;}
.ny_sousuo .ss_an{ float:right; height:42px;  line-height:40px;width:80px;     background: #2f77bd;border:none; color:#fff;cursor:pointer;font-size:16px;}

#head .beijing p{float:left;font-size: 14px; color: #fff;line-height: 32px;}
#head .beijing span{ display: inline-block; float:right;background: url(../images/top.png) no-repeat 0 center; padding-left: 46px; font-size: 16px; color: #fff;line-height:32px;}
nav{ clear:both; overflow: hidden; padding-bottom:19px; background: url(../images/logo_1.png) repeat-x bottom; height: 98px; position: relative; z-index: 5;}
nav .beijing{ padding: 0;}
nav span{float: left; height: 98px; display: table; vertical-align: middle; overflow: hidden; font-weight:bold;}
nav span a{ display:table-cell; vertical-align: middle; *writing-mode:tb-rl; height: 98px;}
.menu{ overflow: hidden;float: right; display:inline-block;}
.menu li{float: left; padding:0 20px 0; text-align: center;line-height: 98px;font-size: 15px;}
.menu li.hover{ background: url(../images/menu.png) no-repeat center -10px #2f77bd;}
.menu li.hover a{ color: #fff !important; display: block;}

/**************banner**************/
.banner{ clear: both; margin-top: -19px; z-index: 1; position: relative; height:560px; overflow:hidden;}
.banner .bd{ width:100%; height:560px; text-align:center;position:relative;}
.banner .bd li{  margin:0 auto; width:100%;height:560px; min-width:1160px; display:inline-block}
.banner .bd li a{ width:100%; height:560px; display:inline-block}
.banner .prev,.banner .next{ position:absolute; left:10%; top:0;display:block; width:50px; height:100%;  z-index:2}
.banner .prev{background:url(../images/banner.png) no-repeat 0 center;}
.banner .next{left:auto;right:10%;; background:url(../images/banner.png) no-repeat -50px center; }
.banner_1{ clear:both; overflow: hidden; height: 303px; background-position: center 0; background-repeat: no-repeat; }

#foot{ clear:both; overflow: hidden; background: #2f2f2f; color: #fff; line-height: 2.6; text-align: center;}
#foot .beijing{ padding: 20px 0;}
#foot p a{ margin: 0 20px; color: #fff;}
.foot{ background: url(../images/foot.png) no-repeat center 0; }

.body_right{ position: fixed; right: 5%; top:35%; width: 77px;z-index: 20;}
.body_right dd{ width:100%; margin-bottom: 5px; height: 60px; background: #2f77bd; overflow: hidden;}
.body_right dd a{ background: url(../images/body_right.png) no-repeat center 8px;background-size: 70%; color: #fff; padding-top: 38px; text-align: center; display: block; overflow: hidden;}
.body_right dt{ background: url(../images/body_right.png) no-repeat 0 -64px #484848; height: 60px; clear: both; overflow: hidden; text-align: center; color: #fff; cursor: pointer;}
.body_right dt span{ display: block; padding-top:37px;}
#ymtj{ display:none;}

.n_content_right_m{background: #fff;position: relative;height: auto;overflow: hidden;}
.products_body .n_content_right_m,.pro_body .n_content_right_m{background: none;}

.xn_c_about_1_warp{padding: 20px 30px;font-size: 14px;line-height: 26px;color: #5d5d5d;}

#in_lk_box{width:100%;/*background-color:#f1f1f1;*/}
#in_lk_box p{width:1170px;line-height:26px;padding:20px 0;margin:0px auto;color:#555;}
#in_lk_box p a{padding-right:10px;color:#555;}

 /**@description: 首页  */
.index_top{ clear: both; overflow: hidden;font-size: 14px; text-align: center;}
.index_top big{ clear: both; overflow: hidden; font-size: 30px; color: #2f77bd; display: block; padding: 12px 0 5px;font-weight: bold;}
.index_top p{ clear: both; overflow: hidden;height: 3px;}
.index_top p em{ height: 3px; width: 90px; display: block; background: #2f77bd; margin: 0 auto;}
.index_top span{ display: block; clear: both; overflow:hidden; text-transform:uppercase; color: #595959;font-family: arial; padding: 10px 0;}
/**************index**************/
.index{ clear: both; overflow: hidden; padding: 15px 0;}
.index li{float: left; width: 20%; overflow: hidden; text-align: center;}
.index li a.rounded{ width: 158px; height: 158px; margin: 0 auto; display: block;border-radius: 50%; background:#aeaeae;}
.index li p{font-size: 18px; clear: both; overflow: hidden; padding: 10px 20px 0;}
.index li:hover a.rounded{ background: #2f77bd;}

.index1{ background: #4e4e4e; clear:both; overflow: hidden;}
.index1 .index_top big{ color: #fff;}
.index1 .index_top p{ background: url(../images/index_top1.png) repeat-x bottom;}
.index1 .index_top span{color: #868686;}
.index1_1{ clear: both;position: relative; padding: 0 0 10px;}
.index1_1 .bd{clear: both; overflow: hidden;height: 280px; width: 100%; margin-top:15px;}

.index1_1 .bd li{float: left; width: 234px; height: 260px; margin: 0 15px; display: inline-block; overflow: hidden; background: #fff;}
.index1_1 .bd li em{ width: 100%; height:130px; overflow: hidden; display: block;}
.index1_1 .bd li .index1_2{ padding:15px; clear: both; overflow: hidden; line-height: 26px;}
.index1_1 .bd li .index1_2 h4{ clear: both; overflow: hidden; height: 26px; font-weight: lighter;}
.index1_1 .bd li .index1_2 h4 a{ color: #000;}
.index1_1 .bd li .index1_2 p{ color: #8d8d8d; clear: both; overflow: hidden; height: 52px;}
.index1_1 .bd li .index1_2 span{ display: block; clear: both; overflow: hidden;}
.index1_1 .bd li .index1_2 span a{ color: #2f77bd;}
.index1_1 .prev,.index1_1 .next{display:inline-block; width:34px; height:100%;  z-index:2}
.index1_1 .prev{background:url(../images/index1.png) no-repeat 0 center; float: left; margin-right: 18px;}
.index1_1 .next{background:url(../images/index1.png) no-repeat right center;float: right; margin-left: 18px;}
.index2{ clear: both; overflow: hidden; padding: 15px 0 25px;}
.index2 li{float: left; width: 256px; margin-right: 45px; background: url(../images/index2_1.png) no-repeat 0 bottom; padding-bottom: 18px; display: inline-block; overflow: hidden;    margin-bottom: 20px;}
.index2 li.index2_last{ margin-right: 0; float: right;}
.index2 li:nth-child(4n+4) {margin-right: 0;}
.index2 li .prol{border: 5px solid #989898; display: block; clear: both; overflow: hidden;position: relative;}
.index2 li .prol:hover{ border-color: #1a7ece;}
.index2 li .prol a{ color:#fff !important;}
.index2 li .proimg_bk{ width: 246px; height: 182px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.index2 li span{text-align:center;position:static;+position:absolute;top:50%;}
.index2 li span img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:240px; max-height:180px}


.index2 li p{left: 0; bottom: 0; background: #848484; z-index: 2; text-align: center; line-height: 34px; font-size: 14px; color: #fff; width: 100%;}
.index2 li .prol:hover p{background: #1a6fb3;}
.index2 li p span{ display:block;width:216px;padding: 0 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.index3{ /*background: #eee;*/ clear: both; }
.index3 .beijing{ overflow: visible; padding: 0;    padding-top: 20px;}
.index3_left{float: left;width:345px; position: relative ;z-index: 1; height: 405px; padding: 21px 21px 0 0;background: url(../images/index3.png) no-repeat 0 0; display: inline-block; margin:-21px 40px 0 0;}
.index3_left1{ background: #525252; clear: both; overflow: hidden; padding: 18px; height:369px;}
.index3_top{border-bottom: 1px solid #bebebe; clear: both; overflow: hidden; padding-bottom: 5px; line-height: 30px; }
.index3_top big{float: left; display:inline-block; margin-right:7px; overflow: hidden; color: #ededed;font-size: 16px;}
.index3_top span{float: left; color: #969696; text-transform: uppercase;}
.index3_1{ clear: both; overflow: hidden; margin-top:15px; height:312px;}
.index3_1 .bd{clear: both; overflow: hidden;height: 312px; width: 100%; line-height: 24px;}
.index3_1 .bd .tempWrap{height: 312px !important}
.index3_1 .bd li{ clear:both; overflow: hidden; margin-bottom: 24px; color: #d6d6d6;}
.index3_1 .bd li big{ display: block; clear: both; overflow: hidden; font-size: 16px; color: #4bafff;}
.index3_right{overflow: hidden;}
.index3_2{ width: 555px; overflow: hidden; height: 405px;}
.index4{ clear: both; overflow: hidden;  padding-top: 10px; line-height: 40px;}
.index4 a{float: right;}
.index4 big{overflow: hidden; font-size: 24px; color: #2f77bd;font-weight:bold;}
.index4 span{ text-transform: uppercase; color: #969696;font-size: 14px;font-style: italic;padding-left: 10px;}
.index_news{ clear: both; overflow: hidden; padding: 10px 0;}
.index_news li{ clear: both; overflow: hidden; padding: 8px 0;float: left;}
.index_news1{float: left; width:60px; height: 60px; text-align: center; display: inline-block;margin: 3px 15px 3px 0; overflow: hidden; background: #848484; color: #fff;font-family: tahoma;}
.index_news1 big{ display: block; clear: both; overflow: hidden;font-size: 20px; margin-top: 10px; line-height:24px;}
.index_news1 p{ display: block; clear:both; overflow: hidden;filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; line-height: 18px;}
.index_news2{overflow: hidden;line-height: 22px;}
.index_news2 a{ color: #000;height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-size:14px; }
.index_news2 p{font-size:14px;color:#b9b9b9;height: 43px;overflow: hidden;}
.index_news li:hover .index_news1{ color: #fff; background: #2f77bd;}
.index_news li:hover h4 a{ color: #1a7ece;}
.index_app{ clear: both; overflow: hidden; padding: 12px 0 10px;}
.index_app li{ clear: both; overflow: hidden; border-bottom: 1px dashed #bcbcbc; line-height: 39px; background: url(../images/index4.png) no-repeat 5px center; padding-left: 20px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.index_app li a{ float:left;font-size:15px;color:#333;}
.index_app li a:hover{color:#1a7ece;}
.index_app li span{ float:right;color:#b9b9b9;}

.about_btn{ float:left; width:130px; height:30px; background:#2f77bd; text-align:center; line-height:30px; position:absolute; left:325px; top:200px;}
.about_btn a{ color:#fff; font-size:13px;}


 /*  *@description: 内页  */
.main{ clear: both; background: url(../images/main_left1.jpg) repeat-y; margin: 0 auto; width: 1160px; margin-bottom:60px;min-height: 600px;}
.main_left{float: left; width: 268px; margin: -38px 20px 0 0;position: relative; z-index: 5; display:inline-block;}
.main_top{ clear: both; overflow: hidden; background:url(../images/main_left.jpg) no-repeat 0 0; width: 250px; text-align: center; color: #fff; font-size: 24px; line-height:100px; letter-spacing: 1px;}
.main_top2{ clear: both; overflow: hidden; background:url(../images/main_left.jpg) no-repeat 0 0; width: 250px; text-align: center; color: #fff; font-size: 24px; line-height:50px; letter-spacing: 1px;}

.main_left1{ clear:both; overflow: hidden;}
.main_left1 li{ clear:both; overflow: hidden; line-height:48px;background: url(../images/main_left3.png) no-repeat 0 bottom; padding: 3px 0 4px;font-size: 15px;}
.main_left1 li a{ height: 48px; display: block; overflow: hidden; padding: 0 35px;    background: url(../images/Menu000288_on.png) no-repeat 20px 20px ;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_left1 div a{color:#777;background:none;padding-left:32px;font-size:14px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_left1 li a:hover,.main_left1 li.hover a{ background: url(../images/main_left2.jpg) no-repeat right center #797979; color: #fff;}
.main_right{ overflow: hidden; padding-top:20px;}
.main_top1{border-bottom: 1px solid #e5e6e5; clear: both; height:40px; line-height: 40px;}
.main_top1 p{float: right; color: #adadad; line-height: 40px;margin-left: 10px; display: inline-block; overflow: hidden;}
.main_top1 p a{ color: #adadad;}
.main_top1 big{float: left; border-bottom: 3px solid #1a7ece; color: #1a7ece; font-size: 22px;font-weight:bold; position: relative; z-index: 1; margin-bottom: -2px; line-height: 38px; padding-right: 10px; display: inline-block;}
.main_top3{ clear: both; overflow: hidden; padding: 10px 0;}
.main_top3 p{ border-left: 10px solid #1e5992; background: #2f77bd; color: #fff;font-size: 16px; padding-left: 20px; line-height: 40px;}

.page{ clear: both; overflow: hidden; padding: 30px 0; text-align: center; color: #a7a7a7;}
.page a{ border: 1px solid #c3c3c3;border-radius: 3px; line-height: 24px; padding: 0 10px; display: inline-block; margin: 0 2px;}
.page a.page_prev{ background: url(../images/page_prev.png) no-repeat 0 center; padding-left: 15px;}
.page a.page_next{ background: url(../images/page_next.png) no-repeat right center; padding-right: 15px;}
.page a.thisclass,.page a:hover,.page a#ben{ background-color: #2f77bd; color: #fff; border: 1px solid #2f77bd;}
.page span{ display: inline-block; overflow: hidden; padding: 0 3px;}
.page_i1{ border: 1px solid #a9a9a9; width: 40px; text-align: center; line-height: 24px; height: 24px; overflow: hidden;}
.page_i2{ border: 1px solid #c3c3c3; border-radius: 3px; padding: 0 15px 0 10px; display: inline-block; cursor: pointer; height: 26px; background: url(../images/page_next.png) no-repeat right center;}
/**************产品中心**************/
.product{ clear:both; overflow: hidden; padding:15px 6px 0;}
.product big{ clear: both; overflow: hidden; text-align: center; font-size: 24px; color: #2f77bd; display: block;}
.product ul{ clear: both; overflow: hidden; padding: 10px 0 0;}
.product ul li{float: left; width: 256px; margin:6px 44px 6px 0; background: url(../images/index2_1.jpg) no-repeat 0 bottom; padding-bottom: 18px; display: inline-block; overflow: hidden;}
.product ul li.index2_last{ margin-right: 0; float: right;}
.product ul li:nth-child(3n+3) {margin-right: 0;}
.product ul li .prol{border: 5px solid #989898; display: block; clear: both; overflow: hidden;position: relative;}
.product ul li .prol:hover{ border-color: #1a7ece;}
.product ul li .prol a{ color:#fff !important;}
.product ul li .proimg_bk{ width: 246px; height: 182px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.product ul li span{text-align:center;position:static;+position:absolute;top:50%;}
.product ul li span img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:240px; max-height:180px}


.product ul li p{left: 0; bottom: 0; background: url(../images/index2.png) repeat; z-index: 2; text-align: center; line-height: 34px; font-size: 14px; color: #fff; width: 100%;}
.product ul li p span{ display:block; width:245px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.product1{ clear: both; overflow: hidden; padding: 10px 0; line-height: 2; color: #686868;}
.product1 ul li{ float:left; width:210px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; height:24px; line-height:24px;}
.pro_1 img{max-width: 100%;}
.pro_2 table{ text-align: center; vertical-align: middle;border:solid #e5e5e5;border-width: 1px 0 1px 1px; }
.pro_2 table th{ background: #f2f0f0; line-height: 28px; color:#000; border-right: 1px solid #e5e5e5;}
.pro_2 td{ line-height: 34px; border: solid #e5e5e5; border-width: 1px 1px 0 0;}
.pro_2 td.pro_c{ color: #000;}
.pro_3 li{ float: left; overflow: hidden; width:48%; margin-right: 2%; display: inline-block; line-height: 24px; height: 24px;}
.pro_3 li a{ color: #686868;}
.pro_3 li a:hover{ color:#2f77bd ;}
.pro_logo{ clear: both; overflow: hidden; margin: 0 auto; padding:1px 1px 20px; width: 729px;}
.pro_logo li{float: left; width: 90px; height: 90px; position: relative;z-index: 1; border: 1px solid #d9d9d9; margin: -1px -1px 0 0;}
.pro_logo li i{ width: 90px; height: 90px; display:table; overflow: hidden; text-align: c; vertical-align: middle;}
.pro_logo li em{ display: table-cell; height: 90px; vertical-align: middle; overflow: h; *writing-mode:rl-rl; *display: block;*font-size:70px;}
.pro_logo li img{ max-height: 90px; max-width: 90px; }
.product_article{ clear: both; overflow: hidden; padding: 25px 6px;}
.product_article dt{float: left; border: 0 solid #989898; width:490px; margin-right: 25px; display: inline-block; overflow: hidden;}
.product_article dd{ overflow: hidden;font-size: 14px; color: #2f77bd; line-height: 2.6;}
.prod_gs {
    width: 335px;
    float: right;
}
.prod_view_name{width: 100%;line-height: 30px;overflow: hidden;font-size: 20px;color: #444444;}
.prod_view_name b{font-weight: normal;}
.prod_view_name_bt,.prod_view_time{display: none;}
.prod_view_ms{margin-top: 6px;width: 100%;height: 132px;line-height: 26px;font-size: 14px;color: #979797;overflow: hidden;    margin-bottom: 30px;}
/**************公司简介**************/
.about{ padding: 30px 0; clear: both; overflow: hidden; font-size: 14px; color: #686868; line-height: 2.2;}
/**************公司新闻**************/
.news{ clear: both; overflow: hidden;}
.news li{ clear: both; overflow: hidden; padding: 20px 0; border-bottom: 1px dashed #d4d3d3;}
.index_news1{float: left; width:85px; height: 70px; text-align: center; display: inline-block;margin:0 15px 0 0; overflow: hidden; background: #959595; color: #fff;font-family: tahoma;}
.index_news1 big{ display: block; clear: both; overflow: hidden;font-size: 16px; margin-top:13px; line-height:21px;}
.index_news1 p{ display: block; clear:both; overflow: hidden;font-size:22px;line-height: 25px;}
.index_news2{overflow: hidden;line-height: 26px;font-size: 14px;}
.index_news2 a{ color: #1a7ece;height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-weight:normal;font-size: 15px;color:#333;}
.index_news2 a:hover{color: #1a7ece;}
.index_news2 p{height: 40px;overflow: hidden;line-height: 20px;}
.news li:hover .index_news1{ color: #fff; background: #2f77bd;}
.news_top{ clear: both; overflow: hidden; padding: 15px 0; text-align: center;}
.news_top h1{ color: #2f77bd;font-size: 30px; padding-bottom: 10px;font-weight: normal;}
.news_top>h2{color: #2f77bd;font-size: 30px; padding-bottom: 10px;font-weight: normal;}
.news_top p{ background: #f8f8f8; line-height: 30px; clear: both; overflow: hidden; color: #a5a5a5;}
.news_article{ clear: both; overflow: hidden; padding: 10px 0 30px; line-height: 2.2;font-size: 14px; color: #686868;}
.news_article img{ max-width: 100%;}
.news_page{ clear:both; overflow: hidden; border-top: 3px solid #f8f8f8; padding: 20px 0;}
.news_page li{ clear: both; overflow: hidden; color: #a5a5a5; line-height: 2;}
.news_page li a{ color: #a5a5a5;}
.news_page li a:hover{ color: #2f77bd;}
/**************联系我们**************/
.contact{ clear: both; overflow: hidden; padding: 20px 0;font-size: 14px; color:#686868; line-height:2.2;}
.contact h2{font-weight: lighter; clear: both; overflow: hidden; color: #2f77bd;}
.contact big{ clear: both;overflow: hidden; font-size: 16px; display: block; color: #000;}
.contact_map{ clear: both; overflow: hidden; padding: 30px 0;}
.contact img{ max-width: 100%;}
/**************使用案例**************/
.case{clear: both; overflow: hidden;padding:5px 0 20px;}


.case1{ width:550px; clear:both;position:relative;overflow:hidden;margin: 0 auto; padding: 30px 0 50px;}
.case1 .pic{ width:100%; height:72px; clear: both; overflow: hidden;position: relative;  margin-top: 15px;}
.case1 .small_pic{ clear:both; width:480px; height:72px; margin: 0 auto;}
.case1 .small_pic ul li{overflow:hidden;cursor:pointer;float: left; width: 96px; height: 70px; margin: 0 11px; display: inline-block; border: 1px solid #ccc;}
.case1 .small_pic ul li.on{ border-color:#2f77bd}
.case1 .small_pic ul li center{ width:96px; height:70px; overflow:hidden}
.case1 .small_pic ul li img{vertical-align:middle}
.case1 .next_1,.case1 .prev_1{ height:100%; width:24px; display:block; clear:both; overflow:hidden;position: absolute; top: 0;}
.case1 .prev_1{background:url(../images/case_left.jpg) no-repeat 0 center; left: 0;}
.case1 .next_1{ background:url(../images/case_right.jpg) no-repeat 0 center; right: 0;}

.case1 .big_pic{ width:100%;text-align:center; overflow:hidden;}
.case1 .big_pic li{clear: both; overflow: hidden;}
.case1 .big_pic li img{ width:538px; padding: 5px; border: 1px solid #ccc; }

/**************资质证书**************/
.honner{ clear: both; overflow: hidden; padding: 10px 0;}
.honner li{float:left; text-align: center; font-size: 14px; width:200px; margin: 10px 24px 0 0; display: inline-block; overflow: hidden;}
.honner li em{ width: 200px; height: 260px; margin-bottom: 10px; display: block; overflow:hidden;}
.honner li.honner_nr{ margin-right: 0;}

.index_app{ clear: both; overflow: hidden; padding: 12px 0 10px;}
.index_app li{ clear: both; overflow: hidden; border-bottom: 1px dashed #e2e2e2; line-height: 40px; background: url(../images/index4.png) no-repeat 5px center; padding-left: 20px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}

/*产品居中代码*/
.proimg_bk1{ width:530px; height:350px; border:1px solid #ddd;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.proimg_bk1 .proimg1{width:530px;line-height:350px;height:350px;text-align:center;position:static;+position:absolute;top:50%}
.proimg_bk1 img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:500px; max-height:320px}


.proR{ width:840px;}
.proR h2{ height:40px; background:#0c9dd0; line-height:40px; font-size:20px; font-weight:normal; color:#fff; text-indent:10px;}
.proR h2 span{ font-size:14px; margin-left:10px; font-family:arial; color:#fff;}
.proR h2 a{ font-size:14px; color:#fff; float:right; margin-right:10px;}

.proR .cp{ border:1px solid #ccc; border-top:none; padding:25px 20px; border-bottom:17px solid #ccc;}
.proR .cp h3{ height:30px; line-height:30px; font-size:18px; color:#009240; font-weight:normal; text-align:center;}
.proR ul{ width:825px; overflow:hidden;}
.proR ul li{ width:250px; position:relative; margin-right:25px; float:left; margin-top:25px;}
.proR ul li .proimg_bk{ width:250px; height:168px; border:1px solid #e5e6e5; border-bottom:0;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.proR ul li .proimg_bk .proimg{width:250px;line-height:168px;*line-height:200px;height:168px;*height:200px;text-align:center;position:static;+position:absolute;top:50%}
.proR ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:245px; max-height:153px}
.proR ul li p{ height:40px; background:#2f77bd; text-align:center; line-height:40px; font-size:15px; color:#fff;}
.proR ul li:hover .proimg_bk{ border:1px solid #009240; border-bottom:none;}
.proR ul li:hover p{ background:#3288dc;}
.proR ul li .hei{ width:248px; height:168px; background:#000; position:absolute; left:1px; top:1px;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;}
.proR ul li .Detail{ position:absolute; left:64px; top:69px; width:120px; height:30px; display:block; background:#3288dc; font-size:14px; text-align:center; line-height:30px; color:#fff;  display:none;}
.proR ul li:hover .Detail{ display:block;}
.proR ul li:hover .hei{ display:block;}

.conab {line-height:24px;color:#616161;padding-bottom:120px;}
.cintacttit {font-size:45px;color:#757575;background:url(../images/contactbg.jpg) no-repeat top center;width:410px;height:53px;margin: 0 0 0 141px;font-weight:bold;font-family:Microsoft YaHei;padding-top:47px;text-align:center;margin-bottom:40px;}
.condiv {width:548px;margin:0 auto;margin-bottom:35px;}
.cdiv {line-height:30px;}

.index_present {background:url(../images/index_05.jpg) no-repeat;padding:60px 0 60px 0;}
.index_present .w1200 {display:flex;justify-content:space-between;}
.w1200 {width:1160px;margin:auto;}
.ip_left_top p{color:#55a5f3;font-size:40px;font-weight:800;}
.ip_left_bottom {padding-top:5px;width:490px;position:relative;}
.ip_left_bottom p:first-child {font-size:26px;font-weight:600;color:#fff;}
.ip_left_bottom p:nth-child(2) {color:#c9c9c9;font-size:14px;line-height:25px;margin: 21px 0 42px 0;height: 150px;overflow: hidden;}
.ip_left_bottom button {background:none;border:none;font-size:14pxout-line:none;;font-weight:600;transition:all ease-out .5s;color: #fff;background: #55a5f3;padding: 8px 14px;margin-bottom: 15px;width: fit-content;}
.ip_left_bottom button a:hover{color:#fff;}
.ip_right {position:relative;width:559px;height:382px;}

.bot{ width:100%;background:#1c1c1c;margin-top:10px;padding-bottom:20px;overflow:hidden;}
.friend{ width:1100px;margin:0 auto;font-size:14px; color:#555;line-height:26px;padding-top:10px;}
.friend a{ color:#555; margin-right:20px;}
.bot .bot_nav{ text-align:center; line-height: 40px;padding-top: 30px;}
.bot .bot_nav a{ font-size:14px; color:#595959; margin-right:20px;}
.bot .bot_nav a:hover{text-decoration:none;color:#757474;}
.bot .bot_nav span{ margin-right:20px; color:#595959;}
.bot2 .logo{ width:103px; height:100px; margin-top:32px; margin-left:110px;}
.bot2 .tact{margin-top:26px;width: 80%;}
.bot2 .tact p{ line-height:30px; color:#595959;}
.bot2 .tact p a{ color:#696767;}
.bot2 .tact p a:hover{text-decoration:none;color:#757474;}
.bot2 .ewm{ width:140px; height:140px; margin-top:22px; margin-right:20px; float:right}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:20px;top:300px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:80px;height:60px;padding:10px 0 5px;background-color:#2f77bd;margin-bottom:4px;cursor:pointer;outline:none;text-decoration:none;text-align:center;}
.suspension .a.active,
.suspension .a:hover{background:#616161;}
.suspension .a .i{display:inline-block;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;margin-top: 7px;}
.suspension .a-service .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a span{display:block;width:100%;text-align:center;color:#fff;font-size:12px;padding-top:4px;}
.suspension .a-service-phone .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{display:inline-block;width:20px;height:20px;background-position: -56px -12px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:240px;background:#fff;position:absolute;right:86px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.qrcode-img img{width:150px;margin:0 auto;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:81px;}
.suspension .d-qrcode{top:157px;}
.suspension .d .inner-box{padding:8px 22px;}
.suspension .d-service-item{padding:4px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item p{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service .d-service-item p{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;width:160px;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#999;padding-top:5px;}

.tags_title{text-align:center;margin:40px auto 20px;max-height: 106px;overflow: hidden;}
.tags_title a {padding: 0 15px;font-size: 15px;text-align: center;height: 48px;line-height: 48px;background: #959595;color: #fff;display: inline-block;margin: 0 8px 10px 8px;width: 168px;cursor: pointer;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;vertical-align:top;}
.tags_title a:hover {background: #2f77bd;color: #fff;font-weight: normal;}

.ckgd{display:block;width:212px;margin:20px 0 20px 20px;height:40px;line-height:40px;  text-align:center; color:#fff;font-size:15px; background: #3879b9;}
.ckgd:hover{background:#3282d0;color:#fff;}

.productlist{padding:30px 0 20px;}
.productlist li{margin-bottom:20px;}
.productlist li .box{border: solid 1px #eee;padding: 18px;overflow: hidden;}
.productlist li .box .img{float:left;width:24%;}
.productlist li .box .img a{display:block;width:100%;height:180px;text-align:center;overflow:hidden;background:#f1f1f1;}
.productlist li .box .img a img{max-width:97%;max-height:97%;vertical-align:middle;-webkit-transition: all 1s;transition: all 1s;}
.productlist li .box .img a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.productlist li .box .img a:hover img{    -webkit-transform: scale(1.12);transform: scale(1.12);}
.productlist li .box .info{width:73%;float:right;}
.productlist li .box .info .t a{font-size: 16px;font-weight: bold;height: 40px;line-height: 40px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.productlist li .box .info .desc{color: #828282;font-size: 14px;height: 48px;line-height:24px;margin-bottom:30px;overflow: hidden;}
.productlist li .box .info .others{color: #828282;font-size: 14px;height: 32px;line-height:30px;margin-bottom:15px;overflow: hidden;}
.productlist li .box .info .others i{color: #ff9c00;font-style: normal;}
.productlist li .box .info .others span{display:block;float:left;margin-right:15px;height:30px;line-height:30px;padding:0 15px 0 32px;background: #f1f1f1;font-size:12px;}
.productlist li .box .info .others span.cs1{background:#f1f1f1 url(../images/cs1.png) no-repeat 10px center;}
.productlist li .box .info .others span.cs2{background:#f1f1f1 url(../images/cs2.png) no-repeat 10px center;}
.productlist li .box .info .others span.cs3{background:#f1f1f1 url(../images/cs3.png) no-repeat 10px center;}
.productlist li .box .info .others span.cs4{background:#f1f1f1 url(../images/cs4.png) no-repeat 10px center;}
.productlist li .box .info .info-btn{overflow:hidden;display:block;}
.productlist li .box .info .info-btn .btn1{display:block;float:left;margin-right:20px;height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px;background-color: #3879b9;border: none;color: #fff;}
.productlist li .box .info .info-btn .btn2{display:block;float:left;height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px;background-color: #FF9C00;border: none;color: #fff;}
.productlist li .box .info .info-btn .btn1:hover{opacity: .8;filter: alpha(opacity=80);}
.productlist li .box .info .info-btn .btn2:hover{opacity: .8;filter: alpha(opacity=80);}


.xn_c_prodv_26_namewz{color:#555;}
.proshow_info-btn .btn1{display:block;float:left;margin-right:30px;height: 40px;line-height: 40px;padding: 0 10px;font-size: 14px;background-color: #3879b9;border: none;color: #fff;width:100px;text-align:center;}
.proshow_info-btn .btn2{display:block;float:left;height:40px;line-height:40px;padding: 0 10px;font-size: 14px;background-color: #FF9C00;border: none;color: #fff;width:100px;text-align:center;}
.proshow_info-btn .btn1:hover{opacity: .8;filter: alpha(opacity=80);}
.proshow_info-btn .btn2:hover{opacity: .8;filter: alpha(opacity=80);}